<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>鞠子平台</title>
    <link rel="shortcut icon" href="image/orgen.png" type="image/x-icon">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font/juziti/iconfont.css">
    <link rel="stylesheet" href="font/webfont/navfont.css">
</head>
<body>
    <!--导航栏开始-->
    <nav class="orange">
        <div class="inorange">
            <div class="icon">
                <i><img src="image/orgen.png"></i>
                <span class="web-font">鞠子juzi</span>
            </div>
            <div class="search">
                <input type="text" placeholder="书籍 电影 音乐  动漫 周边">
                <input type="button" value="" class="dian">
                
            </div>
            <div class="columm clar">
                <ul class="web-font">
                    <li><a href="#">读书</a></li>
                    <li><a href="#">电影</a></li>
                    <li><a href="#">小组</a></li>
                    <li><a href="#">同城</a></li>
                    <li><a href="#">FM</a></li>
                    <li><a href="#">时间</a></li>
                    <li><a href="#">橘品</a></li>
                </ul>
        </div>
    </div>
    </nav>
    <!--导航栏结束始-->
    
    <!--展示栏开始-->
    <div class="exhibition">
        <div class="inorange">
            <div class="app">
                <h2>鞠子 平台</h2>
                <input type="button" value="下载鞠子">
                <a href="#"><img src="image/icon_qrcode_green.png"></a>
            </div>
            <div class="register">
                <div class="fcoution">
                    <span class="strong">短信登录/注册</span><span class="micro">密码登录</span>
                    <p class="xieyi">请仔细阅读<span>使用协议 </span> <span>隐私政策</span></p>
                </div>
                <div class="telephone">
                    <span>+86</span>
                    <input type="text" class="nooutlin" placeholder="手机号">
                </div>
                <div class="verification telephone">
                    <input type="text" class="nooutlin yan" placeholder="验证码">
                    <input type="button"  value="获取验证码" class="ma">
                </div>
                <div class="ju">
                    <input type="button" value="登录鞠子" class="dengju">
                </div>
                <div class="multi">
                    <input type="checkbox"><span>下次自动登录</span>
                    <span>收不到验证码</span>
                </div>
                <div class="login-method">
                    <span>第三方登录</span>
                    <img src="image/weixin.svg">
                    <img src="image/weibo.svg">
                </div>
            </div>
        </div>
    </div>
    <!--展示栏结束-->

    <!--热点内容开始-->
    <div class="hotspot">
        <div class="inhotspot clar">
            <div class="hotspot-left">
                <h3>热点内容· · · · · · <span>（更多）</span></h3>
                <ul class="host">
                    <li>
                        <a href="#"><img src="image/hotspotleft1.webp" alt=""></a>
                        <p>家庭相机 <span>42张照片</span></p>
                    </li>
                    <li class="hostright">
                        <a href="#"><img src="image/hotspotleft2.webp"></a>
                        <p>711泡泡 <span>52张照片</span></p>
                    </li>
                    <li>
                        <a href="#"><img src="image/hotspotleft3.webp"></a>
                        <p>废虚  <span>52张照片</span></p>
                    </li>
                    <li class="hostright">
                        <a href="#"><img src="image/hotspotleft4.webp"></a>
                        <p>【虚墓之门】 <span>52张照片</span></p>
                    </li>
                </ul>
            </div>
            <div class="hotspot-right">
                <div class="guangao">
                    <img src="image/guangao.jpg" alt="">
                    <span id="gugao">广告</span>
                </div>
                <div class="topic">
                    <h3>热门话题 · · · · · ·<span>( 去话题广场 )</span></h3>
                    <ul>
                        <li>
                            <p>从事教育行业后我最后悔的一件事</p>
                            <span>16.2万次浏览</span>
                        </li>
                        <li>
                            <p>我的家当故事</p>
                            <span>品牌话题 · 4176次浏览</span>
                        </li>
                        <li>
                            <p>我最想复原的书中的一道菜</p>
                            <span>6.5万次浏览</span>
                        </li>
                        <li>
                            <p>看漫展</p>
                            <span>563.3万次浏览</span>
                        </li>
                        <li>
                            <p>僵尸文学品鉴会</p>
                            <span>
                                1.2万次浏览</span>
                        </li>
                        <li>
                            <p>物整理收纳大法</p>
                            <span>203.2万次浏览</span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="hotspot-center">
                <ul>
                    <li>
                        <h4>【你的名字】</h4>
                        <p>“很想试试在那光芒之中前行！”</p>
                        <p style="color: #9b9b9b;;">在高一的夏天，少年帆高离家出走，一个人来到东京。帆高好不容易找到一份工作，为一本古怪的“神秘学杂志”写稿，生活孤单贫苦。连日的滂沱大雨，像是来映衬他的失落。在纷纭杂沓的大都会一角，帆高遇上了一个可爱少女阳菜。阳菜和弟弟相依为命，个性坚强、开朗，但她心中隐藏着一个重大秘密──每当她说：“现在开始天晴了！”雨便渐渐停下来，美丽的阳光洒落街上。原来，她拥有一股不可思议的能量，一股能让天空放晴的异力……</p>
                    </li>
                    <li>
                        <p>重要的人，不想忘记的人，绝对不能忘的人，就算我不记得你的名字，我也会一直一直拼命的寻找你。</p>
                    </li>
                    <li>
                        <p>明明爱的至深，明明不想忘记，可是只有心碎的声音，却喊不出你的名字。</p>
                    </li>
                    <li>
                        <p>原来我们不仅相隔互换的身体，更相隔着割裂的时空，只有在黄昏时才能相遇，但是命中注定的人，即使忘记了你的名字，在下一次擦肩而过的时候，也一定会认出你。</p>
                    </li>
                    <li>
                        <p>我一直在寻找着什么，不知何时，我陷入了这种情绪里</p>
                    </li>
                    <li>
                        <P> 聚结成状，交错纠缠，时而回转，中断，却又再次续接。这就是时间。这就是结。黄昏，不是白昼亦不是夜晚，是我努力却看不清你的脸。我已记不得你的名字，却还记得喜欢你</P>
                    </li>
                    <li>
                        <p>描线一笔接一笔，白色的素描本上渐渐萌生黑意。即便如此，还无法照准记忆中的风景。</p>
                    </li>
                    <li>
                        <p>醒来的时候不知道自己为什么哭时常会有的事情做过的梦总是回想不起只是一种有什么消失的丧失感</p>
                    </li>
                </ul>
            </div> 
        </div>
    </div>
    <!--热点内容结束-->

    <!--热门专栏开始-->
    <div class="hostcolumn">
        <div class="inhostcolumn">
            <h3>热门专栏· · · · · · <span>( 更多 )</span></h3>
            <ul class="plate">
                <li>
                    <img src="image/bili1.jpeg">
                    
                    <div class="hostplate">
                        <p>北京·2019未来有你·初音未来中国巡回演唱会</p>
                        <span>M空间</span>
                    </div>
                </li>
                <li>
                    <img src="image/bili2.jpeg">
                    <div class="hostplate">
                        <p>西安·《我心永恒》经典金曲大型管乐视听音乐会</p>
                        <span>西安音乐厅交响乐大厅</span>
                    </div>
                </li>
                <li>
                    <img src="image/bili3.jpeg">
                    <div class="hostplate">
                        <p>上海·WePlay游戏文化展</p>
                        <span>上海跨国采购会展中心</span>
                    </div>

                </li>
                <li>
                    <img src="image/bili4.jpeg">
                    <div class="hostplate">
                        <p>武汉·帝玖管弦乐团2019ACG交响音乐会</p>
                        <span>武汉琴台音乐厅</span>
                    </div>
                </li>
                <li>
                    <img src="image/bili5.jpeg">
                        <div class="hostplate">
                        <p>武汉·乌克兰国家交响乐团新年音乐会</p>
                        <span>中南剧场</span>
                    </div>
                </li>
                <li>
                    <img src="image/bili6.jpeg">
                    <div class="hostplate">
                        <p>武汉·“公生”与“薰”的钢琴小提琴唯美经典音乐集</p>
                        <span>湖北剧院</span>
                    </div>
                </li>
                <li>
                    <img src="image/bili7.jpeg">
                    <div class="hostplate">
                        <p>广州·伊东歌词太郎|2019双城LIVE TOUR·第二弹</p>
                        <span>Mao Livehouse</span>
                    </div>
                </li>
                <li>
                    <img src="image/bili8.jpeg">
                    <div class="hostplate">
                        <p>杭州·Ayasa Theater - 2019冬季巡回演奏会</p>
                        <span>杭州Mao Livehouse</span>
                    </div>
                </li>
                
            </ul>
        </div>
    </div>
    <!--热门专栏结束-->

    <!--热门电影开始-->
    <div class="hostmovie">
        <div class="inmovie">
            <div class="leftmovie">
                <h2>电影</h2>
                <ul>
                    <li>影讯&购票</li>
                    <li class="new_menu">选电影<i><img src="image/new_menu.gif" alt=""></i></li>
                    <li>电视剧</li>
                    <li>排行榜</li>
                    <li>分类</li>
                    <li>影评</li>
                    <li>预告</li>
                    <li>问答</li>
                </ul>
            </div>
            <div class="rightmovie">
                <div class="movielannu">
                    <h3 class="greenh3">影片分类  · · · · · ·<span>( 更多 )</span></h3>
                    <ul>
                        <li>爱情</li>
                        <li>剧情</li>
                        <li>喜剧</li>
                        <li>动画</li>
                        <li>科幻</li>
                        <li>动作</li>
                        <li>经典</li>
                        <li>悬疑</li>
                        <li>犯罪</li>
                        <li>青春</li>
                        <li>搞笑</li>
                        <li>文艺</li>
                        <li>惊悚</li>
                        <li>励志</li>
                        <li>记录片</li>
                        <li>幽默</li>
                        <li>恐怖</li>
                        <li>中国</li>
                        <li>美国</li>
                        <li>日本</li>
                        <li>香港</li>
                        <li>韩国</li>
                        <li>英国</li>
                        <li>法国</li>
                        <li>台湾</li>
                        <li>印度</li>
                        <li>麦丹</li>
                    </ul>  
                </div>

                <div class="moviepaihang">
                    <h3 class="greenh3">近期热门  · · · · · ·<span>( 更多 )</span></h3>
                    <ol>
                        <li>天气之子</li>
                        <li>罗小黑战记</li>
                        <li>安娜</li>
                        <li>银河补习班</li>
                        <li>寄生虫</li>
                        <li>极限逃生</li>
                        <li>你的名字</li>
                        <li>十字路口</li>
                        <li>念念手册</li>
                        <li>沉默的证人</li>
                        
                    </ol>
                </div>

            </div>
            <div class="centermovie">
                <h3 class="greenh3">正在热映  · · · · · ·<span>( 更多 )</span></h3>
                <ul>
                    <li>
                        <img src="image/dianying1.webp" alt="">
                        <p>天气之子</p>
                        <p>暂无评分</p>
                        <p class="xuanzuo">选座购票</p>
                    </li>
                    <li>
                            <img src="image/dianying2.webp" alt="">
                            <p>少年的你</p>
                            <p>暂无评分</p>
                        <p class="xuanzuo">选座购票</p>
                    </li>
                    <li>
                            <img src="image/dianying3.webp" alt="">
                            <p>终结者</p>
                            <p>暂无评分</p>
                        <p class="xuanzuo">选座购票</p>
                    </li>
                    <li>
                            <img src="image/dianying4.webp" alt="">
                            <p>道具师</p>
                            <p>暂无评分</p>
                        <p class="xuanzuo">选座购票</p>
                    </li>
                    <li>
                            <img src="image/dianying5.webp" alt="">
                            <p>双子杀手</p>
                            <p>暂无评分</p>
                            <p class="xuanzuo">选座购票</p>
                    </li>
                    <li>
                            <img src="image/dianying6.webp" alt="">
                            <p>催眠·裁决</p>
                            <p>暂无评分</p>
                        <p class="xuanzuo">选座购票</p>
                    </li>
                    <li>
                            <img src="image/dianying8.webp" alt="">
                            <p>沉睡魔咒2</p>
                            <p>暂无评分</p>
                        <p class="xuanzuo">选座购票</p>
                    </li>
                    <li>
                            <img src="image/dianying7.webp" alt="">
                            <p>我和我的祖国</p>
                            <p>暂无评分</p>
                        <p class="xuanzuo">选座购票</p>
                    </li>
                </ul>
            </div>
        </div>
        
    </div>
    <!--热门电影结束-->

    <!--热门小组开始-->
    <div class="squad">
        <div class="insquad">
            <div class="leftsquad">
                <div class="leftmovie">
                    <h2>小组</h2>
                    <ul>
                        <li>精选</li>
                        <li>文化</li>
                        <li>行摄</li>
                        <li>娱乐</li>
                        <li>时尚</li>
                        <li>生活</li>
                        <li>科技</li>
                    </ul>
                </div>
                
                
            </div>
            <div class="rightsquad">
                <h3 class="greenh3">小组分类  · · · · · ·<span>更多</span></h3>
                <div class="interests fenlei">
                    <ul>
                        <h4>兴趣»</h4>
                        <li>旅行</li>
                        <li>摄影</li>
                        <li>影视</li>
                        <li>音乐</li>
                        <li>文学</li>
                        <li>游戏</li>
                        <li>动漫</li>
                        <li>运动</li>
                        <li>戏曲</li>
                        <li>桌游</li>
                        <li>怪癖</li>
                    </ul>
                </div>
                <div class="livelihood fenlei">
                    <ul>
                        <h4>生活»</h4>
                        <li>健康</li>
                        <li>美食</li>
                        <li>宠物</li>
                        <li>美容</li>
                        <li>化妆</li>
                        <li>护肤</li>
                        <li>服饰</li>
                        <li>公益</li>
                        <li>家庭</li>
                        <li>育儿</li>
                        <li>汽车</li>
                    </ul>
                </div>
                <div class="detriment fenlei">
                    <ul>
                        <h4>购物»</h4>
                        <li>淘宝</li>
                        <li>二手</li>
                        <li>团购</li>
                        <li>数码</li>
                        <li>品牌</li>
                        <li>文具</li>
                    </ul>
                </div>
                <div class="society fenlei">
                    <ul>
                        <h4>社会»</h4>
                        <li>求职</li>
                        <li>租房</li>
                        <li>励志</li>
                        <li>留学</li>
                        <li>出国</li>
                        <li>理财</li>
                        <li>传媒</li>
                        <li>创业</li>
                        <li>考试</li>
                        
                    </ul>
                </div>
                <div class="art fenlei">
                    <ul>
                        <h4>艺术»</h4>
                        <li>设计</li>
                        <li>手工</li>
                        <li>展览</li>
                        <li>曲艺</li>
                        <li>舞蹈</li>
                        <li>雕塑</li>
                        <li>纹身</li>  
                    </ul>
                </div>
                <div class="science fenlei">
                    <ul>
                        <h4>学术»</h4>
                        <li>人文</li>
                        <li>社科</li>
                        <li>自然</li>
                        <li>建筑</li>
                        <li>国学</li>
                        <li>语言</li>
                        <li>宗教</li>
                        <li>哲学</li>
                        <li>软件</li>
                        <li>硬件</li>
                        <li>互联网</li>  
                    </ul>
                </div>
                <div class="fenlei">
                    <ul>
                        <h4>情感»</h4>
                        <li>恋爱</li>
                        <li>心情</li>
                        <li>心理学</li>
                        <li>星座</li>
                        <li>塔罗</li>
                        <li>LES</li>
                        <li>GAY</li>
                        
                    </ul>
                </div>
                <div class="fenlei">
                    <ul>
                        <h4>闲聊»</h4>
                        <li>吐槽</li>
                        <li>笑话</li>
                        <li>直播</li>
                        <li>八卦</li>
                        <li>发泄</li>
                    </ul>
                </div>
            </div>
            <div class="centersquad">
                <h2 class="greenh3">热门小组  · · · · · ·<span>( 更多 )</span></h2>
                <div class="hostxiaozu">
                    <ul>
                        <li>
                            <img src="image/xiaozu1.webp" alt="">
                            <p>帮帮组™加入这个组就有人帮你了！<br><span>16946 个成员</span></p>
                        </li>
                        <li>
                            <img src="image/xiaozu7.jpg" alt="">
                            <p>搭讪学<br><span>16946个成员</span></p>
                        </li>
                        <li>
                            <img src="image/xiaozu2.webp" alt="">
                            <p>我爱三毛<br><span>47594 个成员</span></p>
                        </li>
                         <li>
                            <img src="image/xiaozu3.webp" alt="">
                            <p>沙发客<br><span>23783 个成员</span></p>
                        </li>
                        
                        <li>
                            <img src="image/xiaozu4.webp" alt="">
                            <p>刘慈欣<br><span>29882 个成员</span></p>
                        </li>
                        <li>
                            <img src="image/xiaozu5.webp" alt="">
                            <p>西双版纳<br><span>16946 个成员</span></p>
                        </li>
                        <li>
                            <img src="image/xiaozu6.webp" alt="">
                            <p>事本圆梦小组<br><span>16946 个成员</span></p>
                        </li>
                        <li>
                            <img src="image/xiaozu11.jpg" alt="">
                            <p>我们就是要做衣服给自己穿<br><span>3737 个成员</span></p>
                        </li> 
                        <li>
                            <img src="image/xiaozu8.webp" alt="">
                            <p>这辈子一定要做几件疯狂的事<br><span>93210 个成员</span></p>
                        </li>
                        <li>
                            <img src="image/xiaozu9.jpg" alt="">
                             <p>自己给自己剪头发<br><span>35160 个成员</span></p>
                        </li>
                        <li>
                            <img src="image/xiaozu9.webp" alt="">
                            <p>对象太他妈难找了党-单身凸^-^凸<br><span>17176 个成员</span></p>
                        </li>          
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--热门小组结束-->

    <!--热门阅读结束-->
    <div class="reading">
        <div class="inreading">
            
                <div class="leftmovie readh2">
                    <h2>读书</h2>
                    <ul>
                        <li>分类浏览</li>
                        <li class="new_menu">阅读<i><img src="image/new_menu.gif" alt=""></i></li>
                        <li>作者</li>
                        <li>书评</li>
                        <li>购书单</li>
                        <li class="imgread">
                            <i></i>
                            <span>橘子阅读</span>
                        </li>
                    </ul>
                </div>
            
            <div class="rightreading">
                <h3 class="greenh3">热门标签  · · · · · ·<span>更多</span></h3>
                <div class="readfenlei">
                    <ul>
                        <li><span>[文学]</span></li>
                        <li>小说</li>
                        <li>随笔</li>
                        <li>日本文学</li>
                        <li>散文</li>
                        <li>诗歌</li>
                        <li>童话</li>
                        <li>名著</li>
                        <li>港台</li>
                        <li>更多</li>
                    </ul>
                </div>

                <div class="readfenlei">
                    <ul>
                        <li><span>[流行]</span></li>
                        <li>漫画</li>
                        <li>推理</li>
                        <li>绘本</li>
                        <li>青春</li>
                        <li>科幻</li>
                        <li>言情</li>
                        <li>奇幻</li>
                        <li>武侠</li>
                        <li>更多</li>
                    </ul>
                </div>

                <div class="readfenlei">
                    <ul>
                        <li><span>[文化]</span></li>
                        <li>历史</li>
                        <li>哲学</li>
                        <li>传记</li>
                        <li>设计</li>
                        <li>建筑</li>
                        <li>电影</li>
                        <li>回忆录</li>
                        <li>音乐</li>
                        <li>更多</li>
                    </ul>
                </div>
                
                <div class="readfenlei">
                    <ul>
                        <li><span>[生活]</span></li>
                        <li>旅行</li>
                        <li>励志</li>
                        <li>教育</li>
                        <li>职场</li>
                        <li>美食</li>
                        <li>灵修</li>
                        <li>健康</li>
                        <li>家居</li>
                        <li>更多</li>
                    </ul>
                </div>

                <div class="readfenlei">
                    <ul>
                        <li><span>[经管]</span></li>
                        <li>经济学</li>
                        <li>管理</li>
                        <li>商业</li>
                        <li>金融</li>
                        <li>营销</li>
                        <li>理财</li>
                        <li>股票</li>
                        <li>企业史</li>
                        <li>更多</li>
                    </ul>
                </div>

                <div class="readfenlei">
                    <ul>
                        <li><span>[科技]</span></li>
                        <li>科普</li>
                        <li>互联网</li>
                        <li>编程</li>
                        <li>交互设计</li>
                        <li>算法</li>
                        <li>通信</li>
                        <li>神经网络</li>
                        <li>更多</li>
                    </ul>
                </div>
            </div>
            <div class="centerreading">
                <div class="xinshu">
                    <h3 class="greenh3">新书速递  · · · · · ·<span>更多</span></h3>
                    <ul>
                        <li>
                            <div class="pic">
                                <img src="image/xinshu1.jpg" alt="">
                            </div>
                            <div class="textxinshu">
                                <p>两个人的车站</p>
                                <p>〔俄〕埃·韦·...</p>
                                <span>免费试读</span>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <img src="image/xinshu2.jpg" alt="">
                            </div>
                            <div class="textxinshu">
                                <p>内向高敏者</p>
                                <p>〔德〕西尔维亚...</p>
                                <span>免费试读</span>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <img src="image/xinshu3.jpg" alt="">
                            </div>
                            <div class="textxinshu">
                                <p>朱鹮的遗言</p>
                                <p>〔日〕小林照幸...</p>
                                <span>免费试读</span>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <img src="image/xinshu4.jpg" alt="">
                            </div>
                            <div class="textxinshu">
                                <p>冬泳</p>
                                <p>坦克手贝吉塔</p>
                                <span>免费试读</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="xinshu">
                        <h3 class="greenh3">原创数字作品· · · · · ·<span>更多</span></h3>
                        <ul>
                            <li>
                                <div class="pic">
                                    <img src="image/xinshu5.jpg" alt="">
                                </div>
                                <div class="textxinshu">
                                    <p>无法抵达的南亭...</p>
                                    <p>免费</p>
                                    <span>免费试读</span>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <img src="image/xinshu6.jpg" alt="">
                                </div>
                                <div class="textxinshu">
                                    <p>近墨者：沉舟卷...</p>
                                    <p>免费</p>
                                    <span>免费试读</span>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <img src="image/xinshu7.jpg" alt="">
                                </div>
                                <div class="textxinshu">
                                    <p>娃儿</p>
                                    <p>免费</p>
                                    <span>免费试读</span>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <img src="image/xinshu8.jpg" alt="">
                                </div>
                                <div class="textxinshu">
                                    <p>天下刀宗2：乘...</p>
                                    <p>免费</p>
                                    <span>免费试读</span>
                                </div>
                            </li>
                        </ul>
                    </div>
            </div>
        </div>
    </div>
    <!--热门阅读结束-->

    <!--橘品开始-->
    <div class="orangepin">
        <div class="inorangepin">
            <div class="leftorangepin">
                <h2>橘品</h2>
            </div>
            <div class="rightorangepin">
                <h3 class="greenh3">热门活动  · · · · · ·</h3>
                <img src="image/jupin1.png" alt="">
                <p>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</p>
            </div>
            <div class="centerorangepin">
                <ul>
                    <li>
                        <img src="image/shouban1.jpg" alt="">
                        <div class="kits">
                            <p>2233娘</p>
                            <span class="kitsmoery">￥2199</span>
                        </div>
                    </li>
                    <li>
                        <img src="image/shouban2.jpg" alt="">
                        <div class="kits">
                            <p>从零开始的异世界-蕾姆</p>
                            <span class="kitsmoery">￥1999</span>
                        </div>
                    </li>
                    <li>
                        <img src="image/shouban3.jpg" alt="">
                         <div class="kits">
                            <p>海贼王popt恤跪姿娜美</p>
                            <span class="kitsmoery">￥999</span>
                        </div>
                    </li>
                    <li>
                        <img src="image/shouban4.jpg" alt="">
                        <div class="kits">
                            <p>缘之空-春日野穹</p>
                            <span class="kitsmoery">￥2566</span>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </div>
    <!--橘品结束-->

    <!--同城开始-->
    <div class="local">
        <div class="inlocal">
                <div class="leftmovie readh2">
                    <h2>同城</h2>
                    <ul>
                        <li class="new_menu">近期活动<i><img src="image/new_menu.gif" alt=""></i></li>
                        <li>主办方</li>
                        <li>舞台剧</li>
                    </ul>
                </div>
                <div class="rightsquad localfenlei">
                    <h3 class="greenh3">活动标签  · · · · · ·<span>更多</span></h3>
                    <div class="interests fenlei">
                        <ul class="huodong">
                            <h4>音乐»</h4>
                            <li>小型现场</li>
                            <li>音乐会</li>
                            <li>演唱会</li>
                            <li>音乐节</li>
                        </ul>
                    </div>
                    <div class="livelihood fenlei">
                        <ul class="huodong">
                            <h4>戏剧»</h4>
                            <li>话剧</li>
                            <li>音乐剧</li>
                            <li>歌剧</li>
                            <li>戏剧</li>
                            <li>其他</li>
                        </ul>
                    </div>
                    <div class="detriment fenlei">
                        <ul class="huodong">
                            <h4>聚会»</h4>
                            <li>生活</li>
                            <li>集市</li>
                            <li>摄影</li>
                            <li>外语</li>
                            <li>桌游</li>
                            <li>夜店</li>
                            <li>交友</li>
                            <li>美食</li>
                            <li>派对</li>
                        </ul>
                    </div>
                    <div class="society fenlei">
                        <ul class="huodong">
                            <h4>电影»</h4>
                            <li>主题放映</li>
                            <li>影展</li>
                            <li>影院活动</li>
                                
                        </ul>
                    </div>
                    <div class="art fenlei">
                        <ul class="huodong">
                            <h4>其他»</h4>
                            <li>讲座</li>
                            <li>展览</li>
                            <li>运动</li>
                            <li>旅行</li>
                            <li>公益</li> 
                        </ul>
                    </div>
                </div>
                <div class="centerlocal">
                    <h3 class="greenh3">北京 · 本周热门活动· · · · · ·<span>更多</span></h3>
                    <div class="concert">
                        <ul>
                            <li>
                                <img src="image/yinyuehui1.jpg" alt="">
                                <div class="textconcert">
                                    <h4>周深 北京演唱会</h4>
                                    <div>
                                        <p>11月9日 周六 19:00 - 21:00</p>
                                        <p>北京工人体育馆 北京市东城...</p>
                                        <span>129人关注</span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <img src="image/yinyuehui2.jpg" alt="">
                                <div class="textconcert">
                                    <h4>世终乐队巡演北京站</h4>
                                    <div>
                                        <p>11月18日 周一 20:00 - 22:04</p>
                                        <p>北京展览馆剧场 北京西城区....</p>
                                        <span>55人关注</span>
                                    </div>
                                </div>
                            </li>
                                <li>
                                        <img src="image/yinyuehui3.jpg" alt="">
                                        <div class="textconcert">
                                            <h4>大型音乐舞蹈史诗《东方红》</h4>
                                            <div>
                                                <p>9月13日 周五 - 12月30日 周一</p>
                                                <p>北京展览馆剧场（简称北展...</p>
                                                <span>4人关注</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                            <img src="image/yinyuehui4.jpg" alt="">
                                            <div class="textconcert">
                                                <h4>致敬BEYOND 黄家驹演唱会</h4>
                                                <div>
                                                    <p>6月29日 周六 - 11月23日 周六</p>
                                                    <p>糖果TANGO三层 北京市东城...</p>
                                                    <span>61人关注</span>
                                                </div>
                                            </div>
                                        </li>
                        </ul>
                    </div>
                </div>
        </div>
    </div>
    <!--同城结束-->

    <!--关于我们开始-->
    <div class="aboutus">
        <div class="inaboutus clar">
            <div class="leftabout">
                © 2005－2019 douban.com, all rights reserved 北京豆网科技有限公司 
                京ICP证090015号 京ICP备11027288号 网络视听许可证0110418号 
                京网文[2015]2026-368号  京公网安备11010502000728  新出网证(京)字129号 
                违法和不良信息举报电话：4008353331-9  
                 中国互联网举报中心 电话：12377 新出发京批字第直160029号
        </div>
        <div class="rightabout">
            <ul>
                <li>关于鞠子</li>
                <li>联系我们</li>
                <li>发律声明 </li>
                <li>移动应用 </li>
                <li>鞠子广告</li>
                <li>在这工作</li>
            </ul>
            <img src="image/jubao.jpg" alt="">
        </div>
        </div>
    </div>
    <!--关于我们结束-->
</body>
</html>